$color_00aaff:#4ed9ff;
$color_ffaa00:#05b6e7;
$color_0085b5:#00475d;
.FrontHeader{
	&-Header{
		padding: 10px 0px;
		background: #f3f6fa;
		.ToLogin{
			opacity: 0.9;
			color: $color_0085b5;
			transition: 1s;
			&:hover{
				cursor: pointer;
				color: $color_ffaa00;
				transition: 0.3s;
			}
		}
	}
	&-Nav{
		margin: 1vh 10vw;
		.inline-input{
			width: 100%;
		}
		&-Query{
			.el-button{
				position: relative;
				left: -56px;
				&:hover{
					background: none;
				}
			}
		}
		&-left{
			.el-radio-group{
				$border_r_100:100px;
				.el-radio-button{
					margin: 10px;
					::v-deep .el-radio-button__inner{
						border:1px solid $color_00aaff;
						border-radius: $border_r_100;
						box-shadow: 0 0 0 0 $color_00aaff;
					}
					&:hover{
						::v-deep .el-radio-button__inner{
							color: #fff;
							border:1px solid $color_00aaff;
							background: $color_00aaff;
							border-radius: $border_r_100;
						}
					}
				}
				.is-active{
					::v-deep .el-radio-button__inner{
						border:1px solid $color_00aaff;
						background: $color_00aaff;
						border-radius: $border_r_100;
					}
				}
			}
		}
	}
	.el-divider{
		margin: 0px;
		
	}
}
